.app-project-list{
    margin-top:18px;
    >
    .content-list,.content-card{
        padding-bottom: 30px;
    }
    .content-list{
        .list-collect, .list-list{
            >
            .v-list{
                padding:0px!important;
                .v-item-group{
                    .item{
                        .pending{
                            display:none;
                            >.num{
                                font-size:25px;
                            }
                        }
                        .v-list-item__action{
                            .grey--text{
                                display:none;
                            }
                        }
                    }
                    .item:hover{
                        .pending{
                            display:inline-block;
                        }
                        .v-list-item__action{
                            .grey--text{
                                display:inline-flex;
                            }
                        }
                    }
                }
            }
        }
    }
}
.content-card{
    >.card-collect{
        .v-card:hover{
            background-color:#efefef;
            .v-card__text{
                .star{
                    i{
                        display:inline-flex;
                    }
                }
            }
        }
        .v-card{
            width: calc(33.33333% - 16px);
            border:1px solid #f0f0f0;
            background-color:#f6f6f6;
            .v-card__text{
                .card-title{
                    font-size:22px;
                }
                .star{
                    i{
                        display:none;
                    }
                }
            }
        }
    }
    >.card-list{
        .v-card:hover{
            background-color:#F6F6F6;
        }
        .v-card{
            width: calc(25% - 16px);
            .v-card__text{
                .card-title{
                    font-size:18px;
                }
                .star{
                    i{
                        display:none;
                    }
                }
            }
        }
        .v-card:hover{
            .v-card__text{
                .star{
                    i{
                        display:inline-flex;
                    }
                }
            }
        }
    }
    .card-list,.card-collect{
        .v-card{
            cursor: pointer;
            box-shadow: none;
        }
        .pin-bg{
            position: absolute;
            width: 86px;
            height: 100px;
            opacity: .4;
            background-image: url("/assets/img/star.png");
            background-repeat: no-repeat;
            background-size: 86px 100px;
        }
    }
}
.v-card__text{
    padding:0px 16px!important;
}
.card-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}